@import '../../base.scss';
$arr:(
    (icon:'./icon_gerenxinxi'),
    (icon:'./icon_yongchejihua'),
    (icon:'./icon_yongchezhonglei')

  );
.apply{
  background-color: #ffffff;
  padding-bottom: rem(130px);
  .body{
    bottom: 0;
  }
  .am-list-item{
    padding: 0 !important;
   
  }
  .line-white{
   background-color: #ffffff;
   height: 1px;
  }
  .apply-container{
     
      .form-top{
           display: flex;
          flex-direction: row;
          align-items: center;
          height: rem(55px);
          padding:rem(15px)  rem(30px);
          font-size: 16px;
          color: #ffffff;
          background-color: #1a8afa;
        .form-top-icon{
           display: inline-block;
        }
        @for $i from 1 through length($arr) {
            $item: nth($arr, $i);
            .form-top-icon_#{$i}{
                 height: rem(39px);
                 width:rem(39px);
                 @include bg-image(map-get($item, icon));
              }
            } 
          .form-top-title{
           margin-left: rem(20px);
          }


      }
      .form-item{
          padding: 0 rem(30px);
          .form-iconClass-date{
            height: rem(35px);
            width:rem(35px);
            @include bg-image('./icon_riqi');
          }
          .form-iconClass-addree{
            height: rem(35px);
            width:rem(35px);
            @include bg-image('./icon_dizhi');
          }
      }
  }
  .textarea-conatiner{
    min-height: 200px;
    background-color: #f5f5f5;
    margin: rem(30px) rem(30px);
    .textarea{
      display: block;
      width: 100%;
      min-height: 200px;
      padding: 5px;
      font-size: 15px;
      border: none;
      outline: none;
      background:none;
    }
  }
  .btn-group{
    position: relative;
    bottom:0;
    height:rem(130px); 
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
     z-index: 9999;
   }
   .am-list-item.am-list-item-middle{
    border-bottom: 1px solid #f0f0f0;
   }
}